<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/base.css" />
		<link rel="stylesheet" type="text/css" href="fonts/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="font/iconfont.css" />
		<link rel="stylesheet" type="text/css" href="css/master.css" />
		<script type="text/javascript" src="js/rem.js"></script>
	</head>
	<body>
		<div class="container">
			<header class="mine-head">
				<p><span class="iconfont icon-shezhi set"></span><span class="iconfont icon-xie xie"></span></p>
			</header>
			<div class="content mine-content">
				<div class="box">
					<div class="pic">
						<img src="img/mine-1.jpg">
					</div>
					<p>小小幸福</p>
					<ul class="mine-nav">
						<li>0照片</li>
						<li>0关注</li>
						<li>0粉丝</li>
					</ul>
				</div>
				<h2>我的收藏</h2>
				<ul class="my-nav">
					<li>0商户</li>
					<li>1攻略</li>
					<li>0专题</li>
					<li>0优惠</li>
				</ul>
				<ul class="mine-list">
					<li><span class="text">通知</span><span class="iconfont icon-gengduo more"></span></li>
					<li><span class="text">我的心愿单</span><span class="iconfont icon-gengduo more"></span></li>
					<li><span class="text">我的足迹</span><span class="iconfont icon-gengduo more"></span></li>
				</ul>
			</div>
			<footer>
				<a href="recommend-beijing.html"><span class="iconfont icon-gouwo "></span>推荐</a>
				<a href="tips.html"><span class="iconfont icon-qingdan"></span>攻略</a>
				<a href="serach-restaurant.html"><span class="iconfont icon-sousuo "></span>搜索</a>
				<a href="around-all.html"><span class="iconfont icon-icon-yuanxk "></span>附近</a>
				<a href=""><span class="iconfont icon-wode target-span"></span>我的</a>
			</footer>
		</div>
		<script type="text/javascript">
			var detail = document.querySelector(".icon-xie")
			detail.onclick = function() {
				location.href = "zhaopian.html";
			}
			var set = document.querySelector(".icon-shezhi")
			set.onclick = function() {
				location.href = "设置.html";
			}
			let lis = document.querySelectorAll(".mine-nav li");
			for (let i = 0; i < lis.length; i++) {
				lis[0].onclick = function() {
					location.href = "zhaopian.html";
				}
				lis[1].onclick = function() {
					location.href = "guanzhu.html";
				}
				lis[2].onclick = function() {
					location.href = "fensi.html";
				}
			}
			
			let lis2 = document.querySelectorAll(".my-nav li");
			for (let i = 0; i < lis.length; i++) {
				lis2[0].onclick = function() {
					location.href = "我收藏的商户.html";
				}
				lis2[1].onclick = function() {
					location.href = "我收藏的攻略.html";
				}
				lis2[2].onclick = function() {
					location.href = "我收藏的专题.html";
				}
				lis2[3].onclick = function() {
					location.href = "我收藏的优惠.html";
				}
			}
			
		</script>
	</body>
</html>
